<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>中国传统文化大览 In Free Bootstrap 4 </title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  	<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/style.css">
	  <link rel="stylesheet" href="css/aui.css">
  </head>
  <body>
    
	  <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
	      <a class="navbar-brand" href="index.html"><font color="000000"><p>中国传统文化大览</p></font></a>
			  
	      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button>

	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav ml-auto" >
	          <li class="nav-item active"><a href="index.html" class="nav-link">
	            <p><strong>主页</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="history.html" class="nav-link">
	            <p><strong>历史长河</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="places.html" class="nav-link">
	            <p><strong>地大物博</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="wenhua.html" class="nav-link">
	            <p><strong>文化多彩</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="art.html" class="nav-link">
	            <p><strong>民间艺术</strong></p>
	          </a></li>
	       
	        </ul>
	      </div>
	    </div>
	  </nav>
    <!-- END nav -->
    
    <div class="hero-wrap js-fullheight" style="background-image: url('images/bg_1.jpg');">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-start" data-scrollax-parent="true">
          <div data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">
            <ptitle>历史长河</ptitle>
            <p data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><img src="image/龙.png"/></p>
          </div>
        </div>
      </div>
    </div>

  

    <section class="ftco-section">
    	<div class="container">
    		<div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <p2>历史长河·源远流长</p2>
          </div>
        </div>
        <div class="row">
        	<div class="col-md-4 ftco-animate">
        	<div class="intro ftco-animate">
    					<pt>五千年的悠悠历史</pt>
    					<p>中国五千年的悠悠历史长河中，不管是在远古时代，还是在生产力低下的原始社会，以及残暴的奴隶社会和后来几千年的封建专制，中国的古代史无疑是我们中华文明奠基石。五千年灿烂的文明哺育了一代又一代华夏儿女。
				</p><br/><br/>
		 </div>
				
        	</div>
        	<div class="col-md-4 ftco-animate">
        		<a href="history.html" class="destination-entry img" style="background-image: url(image/top_09.jpg);">
        		</a><br/><br/><div class="text text-center">
						<pt>北京·天坛</pt>
        			</div>
        	</div>
        	<div class="col-md-4 ftco-animate">
        		<a href="history.html" class="destination-entry img" style="background-image: url(image/4shifang.jpg);">
   			  </a><br/><br/><div class="text text-center">
						<pt>石船</pt>
        			</div>
        		</a>
        	</div>
        </div>
    	</div>
    </section>
		
		<section class="ftco-about d-md-flex">
    	<div class="one-half img" style="background-image: url(image/xinsrc_42070102164739512722156.jpg);"></div>
    	<div class="one-half ftco-animate">
        <div class="heading-section ftco-animate ">
          <p2>悲壮的近代史</p2>
        </div>
			<br/><br/>
        <div>
			<p>中近代的中国历史是一部最让人疼心的历史。鸦片战争之后，中国任人宰割，到辛丑条约的签定，中国由一个独立的封建社会逐步沦为半殖民地半封建社会。中国到了一个生死忧关的时候了，正在这个时候，一大批中国青年觉醒了。</p><br/>
		  <p2>领先世界的科技史</p2>
  				<p>从地动仪到四大发明，从都江堰到万里长城，中国古代人民在科学技术方面有着重大的成就，内容包罗万象，足见中华民族的聪明才智。数千年来领先于世界之林。中国人对世界科技文明发展进程造成了巨大的影响。</p>
  </div><br/><br/><br/>
		
			
  </section>


  <section class="ftco-section-parallax"> </section>

  
      
         
         
        <div class="row">
          <div class="col-md-12 text-center">

            <p>
  The End
  </p><h2>Copyright &copy;2019-福建工程学院 软件工程1601 3168907128</h2>
          </div>
        </div>
      </div>
    </footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="js/main.js"></script>
    
  </body>
</html>